<script setup>
  import {ref, reactive} from "vue";

  let abs = ref(123);
  let test2 = reactive({
    count: 123
  });


  let id = 'test';
  let divConfig = {
    id: 'chuan',
    class: 'chuan2',
    style: 'color: red;'
  };

  function absJiaJia() {
    abs.value ++
  }

</script>

<template>
  <div>
    <div>第一天</div>
    <div :id="abs">组件参数注入：{{abs}}</div>
    <el-button @click="abs ++">绑定内 abs++</el-button>
    <el-button @click="absJiaJia">方法方式 abs++</el-button>
    <div :id>id参数注入：{{id}}</div>
    <div v-bind="divConfig">divConfig参数注入：{{divConfig}}</div>
    <div>另一种绑定方式绑定对象count值：： {{test2.count}}</div>
    <el-button @click="test2.count ++">对象绑定内 count++</el-button>
  </div>
</template>

<style scoped>

</style>
